<template>
  <div class="pieMain">
    <qiun-data-charts type="pie" :opts="opts" :chartData="props.chartData" />
  </div>
</template>

<script setup lang="ts">
let props = defineProps(["chartData"]);
let opts = computed(() => {
  let obj = {
    color: [
      "#1890FF",
      "#91CB74",
      "#FAC858",
      "#EE6666",
      "#73C0DE",
      "#3CA272",
      "#FC8452",
      "#9A60B4",
      "#ea7ccc",
    ],
    padding: [5, 5, 5, 5],
    enableScroll: false,
    extra: {
      pie: {
        activeOpacity: 0.5,
        activeRadius: 10,
        offsetAngle: 0,
        labelWidth: 15,
        border: false,
        borderWidth: 3,
        borderColor: "#FFFFFF",
      },
    },
  };
  return obj;
});
</script>

<style lang="scss" scoped>
</style>
